<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<header class="panel-heading">
    <script type="text/javascript" src="/IE-MES/js/kanban/jquery.js"></script>
    <link rel="stylesheet" href="/IE-MES/css/comon0.css">
</header>
<script>
    $(window).load(function(){
        $(".loading").fadeOut()
    })

    /****/
    $(document).ready(function(){
        var whei=$(window).width()
        $("html").css({fontSize:whei/20})
        $(window).resize(function(){
            var whei=$(window).width()
            $("html").css({fontSize:whei/20})
        });
    });
</script>
<div class="table-responsive">
    <div class="canvas" style="opacity: .2">
        <iframe frameborder="0" src="/IE-MES/js/kanban/index.html" style="width: 100%; height: 100%"></iframe>
    </div>
    <div class="head">
        <h1>大数据可视化</h1>
        <div class="weather"><span id="showTime"></span></div>

        <script>
            var t = null;
            t = setTimeout(time,1000);//開始运行
            function time()
            {
                clearTimeout(t);//清除定时器
                dt = new Date();
                var y=dt.getFullYear();
                var mt=dt.getMonth()+1;
                var day=dt.getDate();
                var h=dt.getHours();//获取时
                var m=dt.getMinutes();//获取分
                var s=dt.getSeconds();//获取秒
                document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"-"+h+"时"+m+"分"+s+"秒 <a href=\"https://shop188702750.taobao.com/search.htm?spm=a1z10.1-c.0.0.1221421cqgmNaI&search=y\"></a>";
                t = setTimeout(time,1000); //设定定时器，循环运行
            }

        </script>


    </div>
    <div class="mainbox">
        <ul class="clearfix">
            <li>
                <div class="boxall" style="height: 3.2rem">
                    <div class="alltitle">订单完成量</div>
                    <div class="allnav" id="echart1"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 3.2rem">
                    <div class="alltitle">日生产量报表</div>
                    <div class="allnav" id="echart2"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 3.8rem">
                    <div style="height:100%; width: 100%;">
                        <div class="allnav" id="fb1"></div></div>
                    <div class="boxfoot">

                    </div>
                </div>
            </li>
            <li>
                <div class="boxall" style="height: 3.2rem">
                    <div class="alltitle">车间线体日生产量</div>
                    <div class="allnav" id="biaoge"></div>
                    <div class="boxfoot"></div>
                </div>

                <div class="boxall" style="height: 3.2rem">
                    <div class="alltitle">订单不良率</div>
                    <div class="allnav" id="bingtu" style="width: 400px; height: 300px; position: relative; left: 130px; top: -60px"></div>
                    <div class="boxfoot"></div>
                </div>

                <div class="boxall" style="height: 3.8rem">
                    <div class="alltitle">设备故障</div>
                    <div class="allnav" id="leida"></div>
                    <div class="boxfoot"></div>
                </div>
            </li>
            <li>
                <div class="boxall" style="height:3.2rem">
                    <div class="alltitle">订单完成总量</div>
                    <div class="allnav" id="echart4"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 3.2rem">
                    <div class="alltitle">设备故障</div>
                    <div class="allnav" id="echart5"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 3.8rem">
                    <div class="alltitle">质量</div>
                    <div class="allnav" id="echart6"></div>
                    <div class="boxfoot"></div>
                </div>
            </li>
        </ul>
    </div>
    <div class="back"></div>
    <script type="text/javascript" src="/IE-MES/js/kanban/echarts.min.js"></script>
    <script language="JavaScript" src="/IE-MES/js/kanban/js.js"></script>
    <script type="text/javascript" src="/IE-MES/js/kanban/china.js"></script>
    <script type="text/javascript" src="/IE-MES/js/kanban/biaoge.js"></script>
    <script type="text/javascript" src="/IE-MES/js/kanban/bingtu.js"></script>
    <script type="text/javascript" src="/IE-MES/js/kanban/leida.js"></script>

</div>
